<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/iconfont.css" rel="stylesheet" />
		<link href="../../iconfont/iconfont.css" rel="stylesheet" />
		<link href="../../css/home.css" type="text/css" rel="stylesheet" />
		<script src="../../js/jquery.min.js" type="text/javascript"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/us/showPic.js" type="text/javascript"></script>
		<script src="../../js/us/showText.js" type="text/javascript"></script>
		<script src="../../js/mui.min.js" type="text/javascript"></script>
		<script src="../../js/app.js" type="text/javascript"></script>
		<script src="../../js/us/URL.js" type="text/javascript"></script>
		<script src="../../js/us/logger.js"></script>
		<style type="text/css">
		img.my_icon {width: 70%;}
		.moduleTitle {padding: 10px;border-left: solid 5px #35d0c9;background-color: rgba(255, 255, 255, .7);border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
		img.hotline {height: auto !important;max-width: initial !important;width: 100%;}
		p.price {position: absolute;bottom: 11px;}
		button.more {margin: 10px auto;background-color: transparent;color: palevioletred;border: solid 2px palevioletred;border-radius: 10px;padding: 4px;width: 38%;}
		div.xinluDes {position: absolute !important;opacity: 0.5 !important;background: #000 !important;color: #fff !important;height: 50px !important;font-family: '微软雅黑';
		             font-size: 18px !important;bottom: 5px !important;line-height: 50px !important;box-shadow: 0px 0px 6px #000;}
		img.xinluImg {height: 200px !important;}
		.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar {background-color: #35d0c9;}
		.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {color: #35d0c9;border-bottom: 2px solid #007aff;background: 0 0;}
		img.freeImg {line-height: 100px !important;max-width: 150px !important;height: 100px !important;}
		p.freeDes {white-space: normal !important;}
		#cityChoice {font-size: 17px;height: 44px;display: inline-block;line-height: 44px;padding: 0px;padding-right: 10px;padding-left: 10px;color: #323232;
					background-color: transparent;font-size: 14px;color: #35d0c9;}
		.condition {position: relative;clear: both;overflow: hidden;height: 24px;line-height: 24px;}
		.condition span.jia {position: absolute;left: 3px;color: orange;}
		.condition span.jia i.price {font-size: 18px;}
		.condition span.chakan {position: absolute;right: 3px;font-size: 14px;color: #ccc;}
		.mui-fullscreen .mui-segmented-control~.mui-slider-group {position:initial !important;  top:initial  !important; bottom:initial !important; width:initial !important; height: initial !important; }
		/*新增....*/
		.mui-off-canvas-left, .mui-off-canvas-right{background-color: #fff;}
		.mui-table-view-cell:after{background-color: transparent;}
		.mui-table-view:after{background-color: transparent;}
		</style>
		<script src="../../js/jquery.min.js" type="text/javascript"></script>
		<script src="../../js/us/login.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function(){
			var settings = app.getSettings();
			var account = document.getElementById('account');
			var touxiang = document.getElementById('touxiang');
			window.addEventListener('show', function() {
				mui.plusReady(function() {
					var flag = plus.storage.getItem("flag2");
					    if(flag) {
							var state = app.getState();
							account.innerText = state.account;
							touxiang.src = state.imgurl;
							$(".ExitNow").show();
							$(".ExitNow").css("visibility","visible");
							}
						
				})

			}, false);		
			window.addEventListener('showMsg', function(event) {
				account.innerText=event.detail.nickname;
				touxiang.src=event.detail.txMsg;
				$(".ExitNow").show();
				$(".ExitNow").css("visibility","visible");
			},false);
			});
			
		</script>
	</head>
	

	<body>
		<!-- 主界面菜单同时移动 -->
		<!-- 侧滑导航根容器 -->
		<div class="mui-off-canvas-wrap mui-draggable">
			<!-- 主页面容器  s-->
			<div class="mui-inner-wrap">
				<!-- 菜单容器 -->
				<!--aside   s-->
				<aside class="mui-off-canvas-left" id="offCanvasSide">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<!--侧滑内容  s-->
							<ul class="mui-table-view personArea">
								<li class="mui-table-view-cell mui-media gerenArea">
									<a href="javascript:;" id="toLogin">
										<img class="mui-media-object mui-pull-left touxiang" src="../../img/touxiang.jpg" id="touxiang">
										<div class="mui-media-body nickname" id="account">
											未登录
										</div>
									</a>
							</ul>
							<ul class="mui-table-view mui-table-view-chevron" style="margin-top: 15px;">
								<li class="mui-table-view-cell mylist">
									<a href="javascript:;" class="mui-navigate-right aboutMe"><span class="mui-icon iconfont icon-youji_1 iconPosition"></span>我的游记</a>
								</li>
								<li class="mui-table-view-cell mylist">
									<a href="javascript:;" class="mui-navigate-right aboutMe"><span class="mui-icon iconfont icon-jieban iconPosition"></span>我的结伴</a>
								</li>
								<li class="mui-table-view-cell mylist">
									<a href="javascript:;" class="mui-navigate-right aboutMe"><span class="mui-icon iconfont icon-shouye iconPosition"></span>我的咨询</a>
								</li>
								<li class="mui-table-view-cell mylist">
									<a href="javascript:;" class="mui-navigate-right aboutMe"><span class="mui-icon iconfont icon-yonghudianping iconPosition"></span>我的点评</a>
								</li>
								<li class="mui-table-view-cell mylist">
									<a href="javascript:;" class="mui-navigate-right aboutMe"><span class="mui-icon iconfont icon-lvyou iconPosition"></span>常用旅客</a>
								</li>
								<li class="mui-table-view-cell mylist">
									<a href="javascript:;" class="mui-navigate-right aboutMe"><span class="mui-icon iconfont icon-gerenzhongxin iconPosition"></span>个人中心</a>
								</li>
								<li class="mui-table-view-cell mylist ExitNow" style="visibility: hidden;">
									<a href="../../login/login.html" class="aboutMe Exit"><span class="mui-icon iconfont icon-dianping iconPosition"></span>退出登录</a>
								</li>
							</ul>
							<!--侧滑内容  e-->
						</div>
					</div>
				</aside>
				<!--aside   e-->
				<!-- 主页面标题 s-->
				<header class="mui-bar mui-bar-nav">
					<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left ceMenu" href="#offCanvasSide" id="ceMenu"></a>
					<h1 class="mui-title">首页</h1>
				</header>
				<!--主页面标题   e-->
				<!-- 主页面内容容器   s-->
				<div class="mui-content mui-scroll-wrapper">
					<!--主页面内容区    s-->
					<div class="mui-scroll">
						<!--图片轮播 s-->
						<div id="slider" class="mui-slider">
							<div class="mui-slider-group mui-slider-loop">
								<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
								<div class="mui-slider-item mui-slider-item-duplicate">
									<a href="#">
										<img src="../../img/xianlu_pic5.jpg" class="pic1">
									</a>
								</div>
								<!-- 第一张 -->
								<div class="mui-slider-item">
									<a href="#">
										<img src="../../img/xianlu_pic2.jpg" class="pic1">
									</a>
								</div>
								<!-- 第二张 -->
								<div class="mui-slider-item">
									<a href="#">
										<img src="../../img/xianlu_pic3.jpg" class="pic1">
									</a>
								</div>
								<!-- 第三张 -->
								<div class="mui-slider-item">
									<a href="#">
										<img src="../../img/xianlu_pic4.jpg" class="pic1">
									</a>
								</div>
								<!-- 第四张 -->
								<div class="mui-slider-item">
									<a href="#">
										<img src="../../img/xianlu_pic5.jpg" class="pic1">
									</a>
								</div>
								<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
								<div class="mui-slider-item mui-slider-item-duplicate">
									<a href="#">
										<img src="../../img/xianlu_pic2.jpg" class="pic1">
									</a>
								</div>
							</div>
							<div class="mui-slider-indicator">
								<div class="mui-indicator mui-active"></div>
								<div class="mui-indicator"></div>
								<div class="mui-indicator"></div>
								<div class="mui-indicator"></div>
							</div>
						</div>
						<!-- 图片轮播 e-->
						<!--九宫格模块 s-->
						<ul class="mui-table-view mui-grid-view mui-grid-8">
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#" id="bourn">
									<img src="../../img/menu_ico11.png" class="my_icon">
									<div class="mui-media-body">目的地</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico02.png" class="my_icon">
									<div class="mui-media-body">线路</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico12.png" class="my_icon">
									<div class="mui-media-body">问答</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico01.png" class="my_icon">
									<div class="mui-media-body">酒店</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico05.png" class="my_icon">
									<div class="mui-media-body">租车</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico09.png" class="my_icon">
									<div class="mui-media-body">攻略</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico03.png" class="my_icon">
									<div class="mui-media-body">景点</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico10.png" class="my_icon">
									<div class="mui-media-body">相册</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico04.png" class="my_icon">
									<div class="mui-media-body">签证</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico07.png" class="my_icon">
									<div class="mui-media-body">结伴</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico06.png" class="my_icon">
									<div class="mui-media-body">团购</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="#">
									<img src="../../img/menu_ico05.png" class="my_icon">
									<div class="mui-media-body">游记</div>
								</a>
							</li>
						</ul>
						<!--九宫格模块 e-->
						<!--热门专题     s-->
						<div class="moduleTitle">热门专题</div>
						<!-- 线路推荐   s-->
						<div class="mui-slider">
							<div class="mui-slider-group mui-slider-loop">
								<!--floor1 s-->
								<div class="mui-slider-item">
									<ul class="mui-table-view mui-grid-view">
										<li class="mui-table-view-cell mui-media mui-col-xs-12">
											<a class="shoudan"><img class="mui-media-object xinluImg" src="../../img/xianlu_pic1.jpg" style="position:relative">
												<div class="mui-media-body xinluDes" >丽江古镇一日游</div>
											</a>
											<div style="margin-top:8px; color:#f44236; font-size: 14px;">¥80</div>
									    </li>
									</ul>
								</div>
								<!--floor1 e-->
								<!--floor2 s-->
								<div class="mui-slider-item">
									<ul class="mui-table-view mui-grid-view">
										<li class="mui-table-view-cell mui-media mui-col-xs-12">
											<a class="shoudan"><img class="mui-media-object xinluImg pic2" src="../../img/xianlu_pic2.jpg" style="position:relative">
												<div class="mui-media-body xinluDes mytext" >丽江古镇一日游</div>
											</a>
											<div style="margin-top:8px; color:#f44236; font-size: 14px;">¥60</div>
										</li>
									</ul>
								</div>
								<!--floor2 e-->
								<!--floor3 s-->
								<div class="mui-slider-item">
									<ul class="mui-table-view mui-grid-view">
										<li class="mui-table-view-cell mui-media mui-col-xs-12">
											<a class="shoudan"><img class="mui-media-object xinluImg pic2" src="../../img/xianlu_pic3.jpg" style="position:relative">
												<div class="mui-media-body xinluDes mytext" >丽江古镇一日游</div>
											</a>
											<div style="margin-top:8px; color:#f44236; font-size: 14px;">¥100</div>
									    </li>
									</ul>
								</div>
								<!--floor3 e-->
								<!--floor4 s-->
								<div class="mui-slider-item">
									<ul class="mui-table-view mui-grid-view mui-slider-item-duplicate">
										<li class="mui-table-view-cell mui-media mui-col-xs-12">
											<a class="shoudan"><img class="mui-media-object xinluImg pic2" src="../../img/xianlu_pic4.jpg" style="position:relative">
												<div class="mui-media-body xinluDes mytext">丽江古镇一日游</div>
											</a>
											<div style="margin-top:8px; color:#f44236; font-size: 14px;">¥40</div>
										</li>
									</ul>
								</div>
								<!--floor4 e-->
							</div>
						</div>
                        <!-- 线路推荐   e-->
                        <!-- 热门专题    e-->
                        <!--广告部分   s-->
                        <div class="adMsg" style="position: relative;background-color: #fff;margin-top: 10px;">
                        	<div class="ad_l mui-col-xs-6" style="border-right: solid 1px #ccc;">
                        		<a><img src="../../img/ad_l.jpg" style="width: 100%;"></a>
                        	</div>
                        	<div class="ad_r mui-col-xs-6" style="position: absolute;right: 0px;top: 0px;">
                        		<a style="display: inline-block;height: 83px;border-bottom: solid 1px #ccc"><img src="../../img/ad_r1.jpg" style="width: 100%;"></a>
                        		<a style="display: inline-block;height: 83px;border-top: solid 1px #ccc;"><img src="../../img/ad_r2.jpg" style="width: 100%;"></a>
                        	</div>
                        </div>
                        <!--广告部分  end-->
                        <!--猜你想去   s-->
                        <div class="moduleTitle">猜你想去</div>
						<div class="mui-slider" style="background-color: #fff;">
							<!--control部分 s-->
						    <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
						        <a class="mui-control-item item mui-active" href="#item1">花莲</a>
						        <a class="mui-control-item item" href="#item2">台北</a>
						        <a class="mui-control-item item" href="#item3">巴厘岛</a>
						    </div>
						    <!--control部分 e-->
						    <!--content部分 s-->
						    <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
						    <div class="mui-slider-group">
						    	<!--item 1 s-->
						        <div id="item1" class="mui-slider-item mui-control-content mui-active">
						            <ul class="mui-table-view mui-grid-view">
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic6.jpg">
						                        <div class="mui-media-body guessTxt">童话里的故事都是骗人的 ，现实中的麻烦是免费还包邮的</div>
						                    </a>
						                </li>
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic5.jpg">
						                        <div class="mui-media-body guessTxt">每个人都崇拜英雄，因为他们从来都不输。但我们还是执意成为自己，因为输了，我也不怕。</div>
						                    </a>
						                </li>
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic4.jpg">
						                        <div class="mui-media-body guessTxt">我们的眼睛，容不下一颗沙，却装得下一座磅礴的沙漠。最难的是开始，更难的是结束。</div>
						                    </a>
						                </li>
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic3.jpg">
						                        <div class="mui-media-body guessTxt">生活就是这么烧脑，真相永远纠缠不清，自尊心也总太淘气，但是，能够任性，才是幸运。我在哪，哪就出事，多么霸气！</div>
						                    </a>
						                </li>
						            </ul>
						        </div>
						        <!--item1 e-->
						        <!--item2 s-->
						        <div id="item2" class="mui-slider-item mui-control-content mui-active">
						            <ul class="mui-table-view mui-grid-view">
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic6.jpg">
						                        <div class="mui-media-body guessTxt">童话里的故事都是骗人的 ，现实中的麻烦是免费还包邮的</div>
						                    </a>
						                </li>
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic5.jpg">
						                        <div class="mui-media-body guessTxt">每个人都崇拜英雄，因为他们从来都不输。但我们还是执意成为自己，因为输了，我也不怕。</div>
						                    </a>
						                </li>
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic4.jpg">
						                        <div class="mui-media-body guessTxt">我们的眼睛，容不下一颗沙，却装得下一座磅礴的沙漠。最难的是开始，更难的是结束。</div>
						                    </a>
						                </li>
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic3.jpg">
						                        <div class="mui-media-body guessTxt">生活就是这么烧脑，真相永远纠缠不清，自尊心也总太淘气，但是，能够任性，才是幸运。我在哪，哪就出事，多么霸气！</div>
						                    </a>
						                </li>
						            </ul>
						        </div>
						        <!--item2 e-->
						        <!--item3 s-->
			                    <div id="item3" class="mui-slider-item mui-control-content mui-active">
						            <ul class="mui-table-view mui-grid-view">
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic6.jpg">
						                        <div class="mui-media-body guessTxt">童话里的故事都是骗人的 ，现实中的麻烦是免费还包邮的</div>
						                    </a>
						                </li>
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic5.jpg">
						                        <div class="mui-media-body guessTxt">每个人都崇拜英雄，因为他们从来都不输。但我们还是执意成为自己，因为输了，我也不怕。</div>
						                    </a>
						                </li>
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic4.jpg">
						                        <div class="mui-media-body guessTxt">我们的眼睛，容不下一颗沙，却装得下一座磅礴的沙漠。最难的是开始，更难的是结束。</div>
						                    </a>
						                </li>
						                <li class="mui-table-view-cell mui-media mui-col-xs-6">
						                    <a href="#">
						                        <img class="mui-media-object guessPic" src="../../img/xianlu_pic3.jpg">
						                        <div class="mui-media-body guessTxt">生活就是这么烧脑，真相永远纠缠不清，自尊心也总太淘气，但是，能够任性，才是幸运。我在哪，哪就出事，多么霸气！</div>
						                    </a>
						                </li>
						            </ul>
						        </div>
						        <!--item3 e-->
			                 </div>       
			                <!--content部分 e-->
						</div>            
                        <!--猜你想去  e-->
                        <!--周边部分start-->
			            <div class="mui-slider" style="background-color: #fff;margin-top: 10px;">
			            	<!--control 部分s-->
							<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
								<a class="mui-control-item item mui-active findItem" href="#item1" id="findItem1">周边游</a>
								<a class="mui-control-item item findItem" href="#item2" id="findItem2">发现酒店</a>
							</div>
							<!--control 部分e-->
							<!--content 部分s-->
							<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-6"></div>
								<div class="mui-slider-group">
								<!--item1 s-->
									<div id="item1" class="mui-slider-item mui-control-content mui-active">
										<!--城市选择   s-->
										<ul class="mui-table-view mui-table-view-chevron">
											<li class="mui-table-view-cell citys" id="citys">
												<a class="mui-navigate-right">
													<span class="mui-badge mui-badge-danger cityChoice" id="cityChoice">未定位</span> 城市选择
												</a>
											</li>
										</ul>
										<!--城市选择  e-->
										<ul class="mui-table-view mui-grid-view">
											<li class="mui-table-view-cell mui-media mui-col-xs-6">
												<a href="#">
												    <img class="mui-media-object pic" >
												    <div class="mui-media-body">童话里的故事都是骗人的 ，现实中的麻烦是免费还包邮的</div>
												</a>
											</li>
											<li class="mui-table-view-cell mui-media mui-col-xs-6">
												<a href="#">
												    <img class="mui-media-object pic" >
												    <div class="mui-media-body">每个人都崇拜英雄，因为他们从来都不输。但我们还是执意成为自己，因为输了，我也不怕。</div>
												</a>
											</li>
											<li class="mui-table-view-cell mui-media mui-col-xs-6">
												<a href="#">
												    <img class="mui-media-object pic">
												    <div class="mui-media-body">我们的眼睛，容不下一颗沙，却装得下一座磅礴的沙漠。最难的是开始，更难的是结束。</div>
												</a>
											</li>
											<li class="mui-table-view-cell mui-media mui-col-xs-6">
												<a href="#">
												    <img class="mui-media-object pic" >
												   	<div class="mui-media-body">生活就是这么烧脑，真相永远纠缠不清，自尊心也总太淘气，但是，能够任性，才是幸运。我在哪，哪就出事，多么霸气！</div>
												</a>
											</li>
										</ul>
			            			</div>
								<!--item1 e-->		
							</div>
							<!--content 部分e-->
						</div>
						<!--周边部分end-->
					</div>
				    <!--主页面内容区    e-->
				<div class="mui-off-canvas-backdrop"></div>
			</div>
		    	<!-- 主页面内容容器   e-->
			   
			</div>

		</div>
    </body>
</html>
		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			
			mui('.mui-scroll-wrapper').scroll();
			$("#bourn").on("tap", function() {
				mui.openWindow({
					url: 'bourn.html',
					id: 'bourn'
				})
			});
			
			//退出登录
			$(".ExitNow").on("tap", function() {
				//清除已经存储的信息
				mui.plusReady(function() {
					plus.storage.setItem("isLogin","false");//注册登录已经登录的标识
					account.innerText="未登录";
					touxiang.src="../../img/touxiang.jpg";//头像设置为默认头像
					//第三方登录清除登录信息
					var auths = null;
					plus.oauth.getServices(function(services) {
						auths = services;
						for(var i in auths) {
						var s = auths[i];
						if(s.authResult) {
							s.logout(function(e) {
								plus.storage.clear();
								account.innerText="未登录";
								touxiang.src="../../img/touxiang.jpg";//头像设置为默认头像
								plus.storage.setItem("loginMsg", "false");
								mui.toast("logout之后："+plus.storage.getItem("loginMsg"));
								mui.toast("注销登录认证成功");
							}, function(e) {
								mui.toast("注销登录认证失败");
								
							});
						}
					}
						
					}, function(e) {
						mui.toast("获取服务列表失败");
						
					});
				});
			});
			
			//退出登录2
			mui.plusReady(function(){
				$(".ExitNow").on("tap",function(){
					resetLogin(plus);
					if(isLogin(plus)){
						$(".ExitNow").show();
					}else{
						$(".ExitNow").hide();
					}
					plus.storage.setItem("nickname","未登录");//用户账号设置为默认的未登录状态
				});
			});
			//登录信息
			$("a#toLogin").on("tap", function() {
				if(account.innerText=="未登录"){
					mui.openWindow({
						 url: "../../login/login.html",
						 id: "login"
					});
				}
				else{
					return false;//已经登录，禁用a标签的tap事件
					}
			});

		
		</script>
		<script type="text/javascript">
	    //城市定位的js代码,此页面的定位在不打开手机定位的情况下会影响侧滑
		mui.plusReady(function() {
			getGeocode();
		});
		var watchId;

		function geoInf(position) {
			var str = "";
			str += "地址：" + position.addresses + "\n"; //获取地址信息
			str += "坐标类型：" + position.coordsType + "\n";
			var timeflag = position.timestamp; //获取到地理位置信息的时间戳；一个毫秒数；
			str += "时间戳：" + timeflag + "\n";
			var codns = position.coords; //获取地理坐标信息；
			var lat = codns.latitude; //获取到当前位置的纬度；
			str += "纬度：" + lat + "\n";
			var longt = codns.longitude; //获取到当前位置的经度
			str += "经度：" + longt + "\n";
			var alt = codns.altitude; //获取到当前位置的海拔信息；
			str += "海拔：" + alt + "\n";
			var accu = codns.accuracy; //地理坐标信息精确度信息；
			str += "精确度：" + accu + "\n";
			var altAcc = codns.altitudeAccuracy; //获取海拔信息的精确度；
			str += "海拔精确度：" + altAcc + "\n";
			var head = codns.heading; //获取设备的移动方向；
			str += "移动方向：" + head + "\n";
			var sped = codns.speed; //获取设备的移动速度；
			str += "移动速度：" + sped;
			document.getElementById("cityChoice").innerText = position.address.city;
		}
		function getPos() {
			plus.geolocation.getCurrentPosition(geoInf, function(e) {
			}, {
				geocode: false
			});
		}
		function watchPos() {
			if(watchId) {
				return;
			}
			watchId = plus.geolocation.watchPosition(function(p) {
				geoInf(p);
			}, function(e) {
			}, {
				geocode: false
			});
		}
		function clearWatch() {
			if(watchId) {
				plus.geolocation.clearWatch(watchId);
				watchId = null;
			}
		}
		// 通过定位模块获取位置信息
		function getGeocode() {
			plus.geolocation.getCurrentPosition(geoInf, function(e) {
				mui.toast("获取定位位置信息失败：" + e.message);
			}, {
				geocode: true
			});
		}
		//事假监听
		$(function(){
			document.getElementById("citys").addEventListener("tap", function() {
				mui.openWindow({
					url: "city.html"
				});

			})
			window.addEventListener('near', function(event) {
					mui.plusReady(function() {
					var Choice = event.detail.choice;
						document.getElementById("cityChoice").innerText = Choice;
					});

			}, false);
			//发现酒店的切换
			document.getElementById("findItem2").addEventListener("tap", function() {
				mui.openWindow({
					url: 'pub.html'
				});
			});		
		})
	</script>
        <!--主页面内容js-->
        <script type="text/javascript">
            //周边游的数据
            var data = {column: "id,post_id,title,author_name,cover,published_at" }//需要的字段名
                mui.getJSON(testUrl.news,data,function(rsp){
                 	var contents = document.getElementById("item1");
                 	 	var picList=mui(".pic");
                        var l=picList.length;//展示的图片的个数
                        var aa=new Array();
                        for(var i=0;i<rsp.length;i++){
                             aa.push(rsp[i].cover);
                         }
                        showPic.picList(picList,aa);
                         //轮播图的数据  	
                        var picList1=mui(".pic1");   	
                        var l1=picList.length;       //展示的图片的个数
                           	var aa1=new Array();
                           	for(var i=0;i<rsp.length;i++){
                           		aa1.push(rsp[i].cover);
                           	}  	
                           	mui('#lastNode').src=aa1[l-1];
                           	//最后一个节点是第一张图片轮播
                           	mui('#fistNode').src=aa1[0];
                           	showPic.picList(picList1,aa1);
                        //热门专题s
                        var picList2=mui(".pic2");   	
                        var l2=picList.length;       //展示的图片的个数
                           	var aa2=new Array();
                           	for(var i=0;i<rsp.length;i++){
                           		aa2.push(rsp[i].cover);
                           	}  	
                           	mui('#lastNode').src=aa2[l-1];
                           	//最后一个节点是第一张图片轮播
                           	mui('#fistNode').src=aa2[0];
                           	showPic.picList(picList2,aa2);
                            //热门专题的专题文本  	
	                        var textList2=mui(".mytext");   	
	                        var t2=textList2.length;       //展示的文本的个数
	                           	var aa3=new Array();
	                           	for(var i=0;i<rsp.length;i++){
	                           		aa3.push(rsp[i].title);
	                           	}  	
	                           	mui('#lastNode').src=aa3[l-1];
	                           	//最后一个节点是第一张图片轮播
	                           	mui('#fistNode').src=aa3[0];
	                            showText.textList(textList2,aa3);
	                    //猜你想去    s
	                    var guessList=mui(".guessPic");   	
                        var L=picList.length;       //展示的图片的个数
                           	var shuzu=new Array();
                           	for(var i=0;i<rsp.length;i++){
                           		shuzu.push(rsp[i].cover);
                           	}  	
                           	showPic.picList(guessList,shuzu);
                           	//猜你想去的文本部分
                        var GtextList=mui(".guessTxt");   	
	                    var L=GtextList.length;       //展示的文本的个数
	                    var shuzu1=new Array();
	                        for(var i=0;i<rsp.length;i++){
	                            shuzu1.push(rsp[i].title);
	                        }  	
	                        showText.textList(GtextList,shuzu1);
	                    //猜你想去    e
	                 	 	
                 	 });
        </script>        
	

